@font-face
{font-family: DIN-Medium;
    src: url('DIN-Medium.otf')}

body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select{font-family:"Microsoft YaHei";margin:0;padding:0;color:inherit;    line-height: inherit;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
*{box-sizing:border-box;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}
.auto{max-width: 1570px;margin:0 auto;width: 90%;}
/*:hover{transition: all .2s;}*/
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
body{min-width:1200px;background: #0a1434;}
.center{text-align: center!important;}
.img{width: 100%;display: block;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}

::-webkit-scrollbar{width: 4px;}
::-webkit-scrollbar-track {background-color: #101d46;}
::-webkit-scrollbar-thumb { background-color:#1f2f66;border-radius:20px;}
::-webkit-scrollbar-button { display:none;}
::-webkit-scrollbar-resizer {display:none;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.c_green{color: #01bcd0;}
.c_red{color: #ff3366;}
.c_org{color: #f19025;}
.c_darkgreen{color: #37c356;}
.layui-form-select dl dd.layui-this{background-color:#3063f2;}
/*下拉公共*/
.el-input__inner{height: 34px;line-height: 34px;}
.el-input__icon{line-height: 28px;}
.pub_selectbox{display: inline-block;vertical-align: middle;margin-right: 15px;width: 160px;}
.pub_selectbox .el-input__inner{background: transparent;border:1px solid #6c7492;font-size: 13px;color: #8f97b3;}
.pub_selectbox .el-input.is-active .el-input__inner, .pub_selectbox .el-input__inner:focus{border-color:#6c7492;}
.pub_selectbox .el-input__inner:hover{border-color:#6c7492;}
.el-date-editor.el-input, .el-date-editor.el-input__inner{width: 100%;}
/*首页*/
.m_left{background: #13214d;position:fixed;top: 0;bottom: 0;left: 0;width: 100px;overflow-y:scroll;}
.logo{display: block;}
.logo .img{height: 65px;width: auto;}
.m_menu{margin-top: 40px;}
.m_menu .item{text-align: center;}
.m_menu .item .titbox{display: block;padding:15px 0;border-left:3px solid transparent;}
.m_menu .icon{width: 36px;height: 36px;background-repeat:no-repeat;background-position:center;background-size:contain;display: block;margin:0 auto;}
.m_menu .title{font-size: 13px;color: #8f97b3;margin-top: 10px;}
.m_menu .index .icon{background-image: url(../img/images/menu_01.png);}
.m_menu .map .icon{background-image: url(../img/images/menu_02.png);}
.m_menu .equipt_mon .icon{background-image: url(../img/images/menu_03.png);}
.m_menu .history_data .icon{background-image: url(../img/images/menu_04.png);}
.m_menu .resource_mon .icon{background-image: url(../img/images/menu_05.png);}
.m_menu .equipt .icon{background-image: url(../img/images/menu_06.png);}
.m_menu .menu .icon{background-image: url(../img/images/menu_07.png);}

.m_menu .item.cur .titbox,.m_menu .item:hover .titbox{border-left-color:#00c7d9;background: #101b40;}
.m_menu .item.cur .title,.m_menu .item:hover .title{color: #00c7d9;}
.m_menu .index.cur .icon,.m_menu .index:hover .icon{background-image: url(../img/images/menu_01-1.png);}
.m_menu .map.cur .icon,.m_menu .map:hover .icon{background-image: url(../img/images/menu_02-1.png);}
.m_menu .equipt_mon.cur .icon,.m_menu .equipt_mon:hover .icon{background-image: url(../img/images/menu_03-1.png);}
.m_menu .history_data.cur .icon,.m_menu .history_data:hover .icon{background-image: url(../img/images/menu_04-1.png);}
.m_menu .resource_mon.cur .icon,.m_menu .resource_mon:hover .icon{background-image: url(../img/images/menu_05-1.png);}
.m_menu .equipt.cur .icon,.m_menu .equipt:hover .icon{background-image: url(../img/images/menu_06-1.png);}
.m_menu .menu.cur .icon,.m_menu .menu:hover .icon{background-image: url(../img/images/menu_07-1.png);}

.m_menu .drop{background: #111e46;padding:10px 0;display: none;}
.m_menu .drop a{display: block;font-size: 12px;color: #848ca8;line-height: 35px;}
.m_menu .drop a.this,.m_menu .drop a:hover{color: #00c7d9;}
.m_menu .item.cur .drop{display: block;}

.m_container{position:fixed;top: 0;bottom: 15px;right: 20px;left: 130px;}
.head{position:fixed;top: 0;right: 20px;left: 130px;height: 65px;z-index:100;}
.hd_title{/*width: 230px;*/margin-top: 14px;}
.hd_title .fz{width: 220px;background: url(../img/images/icon_03.png) no-repeat right center;background-size:11px 5px;padding-right: 23px;}

.hd_title .layui-input{background: transparent;font-size: 18px;color: #fff;line-height: 0px;border:none;}
.hd_title .layui-form-select .layui-edge{border-top-color: #a3bed9;}


.hd_title .el-input--suffix .el-input__inner{background: transparent;font-size: 16px;color: #fff;line-height: 65px;border:none;border: 1px solid #6c7492;}
.el-scrollbar__wrap{overflow: initial;}

.hd_msg{background: url(../img/images/icon_01.png) no-repeat center;background-size:contain;width: 22px;height: 22px;display: inline-block;position:relative;vertical-align: middle;margin-top: 15px;}
.hd_msg i{position:absolute;display: block;top: 0;right: 0;width: 6px;height: 6px;background: #ff3366;border-radius:50%;}
.hd_msg.has i{}
.hd_user{padding-top: 15px;margin-left: 20px;display: inline-block;vertical-align: middle;}
.hd_user .hdimg{width: 36px;height: 36px;border-radius:50%;margin-right: 10px;display: inline-block;vertical-align: middle;}
.hd_user .name{font-size: 13px;color: #6b7db2;background: url(../img/images/icon_03.png) no-repeat right center;background-size:11px 5px;padding-right: 20px;}

.m_main{position:fixed;top: 65px;right: 0;left: 115px;bottom: 15px;overflow-y: scroll;padding-right: 15px;}
.idx_l{width: 54%;}
.idx_r{width: 45.5%;padding: 15px 10px;}
.module_bg{border-radius:5px;background: #101d46;overflow: hidden;}

.idx_sec1_menu{width: 180px;}
.idx_sec1_menu li{width: 100%;height: 73px;background-repeat:no-repeat;background-position:center;background-size:cover;margin-bottom: 10px;border-radius:5px;overflow: hidden;padding:12px 20px 0 14px;}
.idx_sec1_menu .title{font-size: 16px;color: #fff;}
.idx_sec1_menu .num{font-size: 22px;color: #fff;font-family: 'DIN-Medium';margin-top: 5px;line-height: 22px;}
.idx_sec1_menu .lk_1{background-image: url(../img/images/idx_01.jpg);}
.idx_sec1_menu .lk_2{background-image: url(../img/images/idx_02.jpg);}
.idx_sec1_menu .lk_3{background-image: url(../img/images/idx_03.jpg);}
.idx_sec1_menu .lk_4{background-image: url(../img/images/idx_04.jpg);}

.idx_sec1 .rightbox{margin-left: 190px;}
.idx_sec1_data{padding:13px 10px 10px;}
.idx_sec1_data .row{padding:6px 0;font-size: 0;}
.idx_sec1_data .row1 li{width: 33.3%;}
.idx_sec1_data .row2 li{width: 25%;}
.idx_sec1_data li{display: inline-block;vertical-align: middle;}
.idx_sec1_data .icon{width: 24px;height: 24px;float: left;}
.idx_sec1_data .info{margin-left: 30px;}
.idx_sec1_data .fz{font-size: 14px;color: #a3bed9;}
.idx_sec1_data .num{font-size:20px;color: #a587f5;font-family: 'DIN-Medium';margin-top: 5px;}

.idx_sec1_table .idx_tablewrap{height: 145px;}


.idx_table{}
.idx_table th{font-size: 13px;color: #899eb2;font-weight: normal;padding:8px 0;line-height: 20px;background: #19295a;text-align: center;}
.idx_table td{font-size: 13px;color: #899eb2;line-height: 20px;padding:8px 0;text-align: center;}
.idx_tablewrap .idx_table th{padding: 0;}

.idx_sec2{padding: 10px;}
.idx_sec2 .t_tit{font-size: 15px;color: #fff;line-height: 28px;margin-bottom: 15px;}
.idx_sec2 .t_tit .icon{margin-right: 10px;float: left;}

.idx_sec2 .idx_tablewrap{height: 145px;}

.idx_sec3{height: 280px;background: #13214d;padding-top: 0px;position:relative;}
/* .idx_sec3>iframe{position: absolute;transform:scale(0.55);} */
/* .idx_sec3:before{content:'';position:absolute;top: 0;right: 0;background: url(../img/images/idx_32.jpg) no-repeat center;background-size:contain;width: 360px;height: 60px;} */
/* .idx_sec3:after{content:'';position:absolute;bottom: 0;left: 0;background: url(../img/images/idx_33.jpg) no-repeat center;background-size:contain;width: 615px;height: 125px;} */
.idx_sec3 .imgbox{height: 230px;position:relative;width: 540px;margin:0 auto;z-index:30;}
.idx_sec3 .imgbox .aa{position:absolute;width: 100%;height: 100%;top: 0;left: 0;}

.idx_sec3 .movebox{position:absolute;top: 30px;right: 100px;}
.idx_sec3 .movebox .circle{background: url(../img/images/idx_26.png) no-repeat center;background-size:contain;width: 11px;height: 11px;display: block;}
.idx_sec3 .movebox .line{background: url(../img/images/idx_31.png) no-repeat center;background-size:contain;width: 40px;height: 21px;display: block;position:absolute;top: 0;right: -40px;}
.idx_sec3 .movebox .databox{width: 120px;position:relative;background: rgba(31,48,102,.9);padding: 7px;position:absolute;top: 20px;left: 0;}
.idx_sec3 .movebox .tit{font-size: 12px;color: #fff;text-align: center;}
.idx_sec3 .movebox .box{margin-top: 5px;}
.idx_sec3 .movebox .box p{font-size: 12px;color: #a3bed9;line-height: 18px;}

.idx_sec3 .movebox .ico{position:absolute;width: 9px;height: 9px;}
.idx_sec3 .movebox .top_left{top: 0;left: 0;background: url(../img/images/idx_27.png) no-repeat center;background-size:contain;}
.idx_sec3 .movebox .top_right{top: 0;right: 0;background: url(../img/images/idx_28.png) no-repeat center;background-size:contain;}
.idx_sec3 .movebox .bottom_left{bottom: 0;left: 0;background: url(../img/images/idx_29.png) no-repeat center;background-size:contain;}
.idx_sec3 .movebox .bottom_right{bottom: 0;right: 0;background: url(../img/images/idx_30.png) no-repeat center;background-size:contain;}

.idx_sec3 .clickwrap{display: none;}

.idx_sec4{}
.idx_sec4_t .selectbox{width: 130px;}
.idx_sec4_t .el-input__inner{background: transparent;font-size: 13px;color: #00c7d9;/*height: 32px;*/line-height: 32px;border:1px solid #00c7d9;border-radius:4px;}
.idx_sec4_t .el-select .el-input__inner:focus{border-color:#00c7d9;}
.idx_sec4_t .el-input__suffix{/*top: 5px;*/}
.idx_sec4_t .el-input__inner{/*height: 32px;*/}

.idx_sec4_t .layui-form-select .layui-input{background: transparent;font-size: 13px;color: #00c7d9;height: 32px;line-height: 32px;border:1px solid #00c7d9;border-radius:4px;}
.idx_sec4_t .layui-form-select .layui-input:hover{border:1px solid #00c7d9!important;}
.idx_sec4_t .layui-form-select .layui-edge{border-width: 4px;border-top-color: #00c7d9;}


.idx_sec4_t .process_bar{}
.idx_sec4_t .process_bar li{float: left;margin-left: 20px;}
.idx_sec4_t .process_bar .tit{font-size: 13px;color: #fff;}
.idx_sec4_t .process_bar .fz{font-size: 12px;color: #a3bed9;font-family: 'DIN-Medium';float: right;}
.idx_sec4_t .process_bar .bar{width: 140px;height: 8px;background: #1f3066;border-radius:4px;position:relative;margin-top: 5px;}
.idx_sec4_t .process_bar .bar i{position:absolute;height: 8px;border-radius:4px;background: #00d2d4;top: 0;left: 0;}
.idx_sec4_t .process_bar .li_1 .bar i{background: #00d2d4;}
.idx_sec4_t .process_bar .li_2 .bar i{background: #f2ac2b;}

.idx_sec4_b{margin-top: 20px;}
.idx_sec4_b .chartwrap{width: 49%;}
.idx_sec4_b .chartbox{margin-top: 10px;height: 150px;overflow: hidden;}
.idx_sec4_b .wenzi{font-size: 14px;color: #a3bed9;}
.idx_sec4_b .videobox{width: 49%;height: 200px;position:relative;overflow: hidden;}
.idx_sec4_b .videobox .aa{position:absolute;width: auto;height: 100%;top: 0;right:0;}

.idx_sec5{background: url(../img/images/idx_25.jpg) no-repeat center;background-size:cover;border-radius:4px;padding:0 10px;}
.idx_sec5_t{padding:4px 0;font-size: 0;}
.idx_sec5_t .list{width: 80%;display: inline-block;vertical-align: middle;}
.idx_sec5_t .list li{float: left;width: 25%;}
.idx_sec5_t .list .icon{float: left;width: 24px;}
.idx_sec5_t .list .info{margin-left: 26px;}
.idx_sec5_t .list .title{font-size: 13px;color: #a3bed9;}
.idx_sec5_t .list .num{font-size: 12px;color: #a3bed9;margin-top: 5px;}
.idx_sec5_t .list .num i{font-size: 14px;color: #fff;padding-right: 5px;}

.idx_sec5_t .liaota{width: 20%;display: inline-block;vertical-align: middle;text-align: right;font-size: 0;}
.idx_sec5_t .liaota .imgbox{text-align: center;display: inline-block;vertical-align: middle;}
.idx_sec5_t .liaota .fz{font-size: 12px;color: #00c7d9;margin-bottom: 5px;}
.idx_sec5_t .liaota .pic{width: 18px;margin:0 auto;height: 42px;}
.idx_sec5_t .liaota .txt{margin-left: 10px;text-align: left;display: inline-block;vertical-align: middle;}
.idx_sec5_t .liaota .font{font-size: 12px;color: #a3bed9;margin-bottom: 2px;}
.idx_sec5_t .liaota .font i{font-size: 14px;color: #fff;}


.idx_sec5_b{padding:15px 0;border-top:1px solid #374776;}
.idx_sec5_b .list{}
.idx_sec5_b .list li{width: 20%;float: left;text-align: center;}
.idx_sec5_b .list .chartbox{width: 70%;margin:0 auto;}
.idx_sec5_b .list .font{font-size: 14px;color: #a3bed9;margin-top: 5px;}
.idx_sec5_b .list .font i{font-size: 16px;}

.idx_sec6{text-align: center;}
.idx_sec6 li{text-align: center;display: inline-block;vertical-align: top;}
.idx_sec6 .chartbox{width: 60%;margin:0 auto;}
.idx_sec6 .title{font-size: 15px;color: #fff;margin-top: 10px;}
.idx_sec6 .font{font-size: 13px;color: #a3bed9;margin-top: 5px;}
.idx_sec6 .chartbox{}

.idx_sec7{}
.idx_tablewrap{padding-right: 13px;overflow-y: scroll;}
.idx_sec7 .idx_tablewrap{height: 213px;}
.idx_table_th{padding-right: 13px;}

/*login*/
.login_main{background: url(../img/images/login_03.jpg) no-repeat center;background-size:cover;position:fixed;width: 100%;left: 0;bottom: 0;height: 100%;}
.login_detail{background: url(../img/images/login_04.jpg) no-repeat center;background-size:cover;position:absolute;top: 70px;left: 70px;right: 70px;bottom: 70px;padding:40px 60px;}
.login_head{position:relative;margin-bottom: 40px;}
.login_head .title{font-size: 32px;color: #fff;letter-spacing: 1px;text-align: center;}
.login_head .lk{font-size: 14px;color: #00c7d9;letter-spacing: 3px;display: block;width: 65px;line-height: 30px;border:1px solid #00c7d9;text-align: center;position:absolute;top: 10px;right: 60px;}
.login_head .lk:hover{background: #00c7d9;color: #fff;}

.login_form{border-radius:10px;background: rgba(0,0,0,.4);padding:50px 50px;width: 400px;position:absolute;right: 120px;top: 50%;margin-top: -170px;}
.login_form .titbox{text-align: center;}
.login_form .titbox .cn{font-size: 24px;color: #fff;font-weight: bold;}
.login_form .titbox .line{width: 30px;height: 3px;background: #fff;border-radius:2px;display: block;margin:15px auto 0;}
.login_form .form{margin-top: 30px;}
.login_form li{margin-bottom: 25px;}
.login_form .ipt_txt{font-size: 15px;color: #fff;width: 100%;line-height: 50px;background: transparent;padding-left: 40px;background-repeat:no-repeat;background-position:left center;background-size:20px;border-bottom:1px solid #4e5a82;}
.login_form .ipt_user{background-image: url(../img/images/login_01.png);}
.login_form .ipt_psd{background-image: url(../img/images/login_02.png);}
.login_form .ipt_txt.focus{color: #00c7d9;border-bottom-color:#00c7d9;}
.login_form .ipt_user.focus{background-image: url(../img/images/login_01-1.png);}
.login_form .ipt_psd.focus{background-image: url(../img/images/login_02-1.png);}
.login_form .ipt_button{width: 100%;font-size: 18px;color: #fff;width: 300px;line-height: 50px;letter-spacing: 3px;background: #00c7d9;margin-top: 50px;}
.login_form .ipt_button:hover{background: #2e86f2;}
.login_bottom{text-align: center;font-size: 15px;color: #fff;position:absolute;width: 100%;left: 0;bottom: 0;line-height: 70px;}

/*故障分析*/

.guz_main{background: #111e49;padding: 20px;position:absolute;top: 0;bottom: 35px;left: 0;right: 0;right: 10px;}
.guz_tit{}
.guz_tit .icon{width: 16px;margin-right: 8px;display: inline-block;vertical-align: middle;}
.guz_tit .fz{font-size: 13px;color: #fff;line-height: 20px;}

.guz_formbar{margin:15px 0;}


.guz_formbar .search_btn{font-size: 14px;color: #00c7d9;width: 80px;line-height: 30px;border:1px solid #00c7d9;border-radius:4px;display: inline-block;vertical-align: middle;cursor: pointer;background-image: url(../img/images/icon_05.png);background-repeat:no-repeat;background-position:12px center;background-size:14px;padding-left: 26px;background-color:transparent;}
.guz_formbar .search_btn:hover{background-image: url(../img/images/icon_05-1.png);background-color: #00c7d9;border-color:#00c7d9;color: #fff;}

.guz_conwrap{position:absolute;left: 20px;bottom: 20px;top: 110px;right: 20px;}

.guz_conwrap .l_chartbox{width: 55%;position:absolute;height: 100%;left: 0;top: 0;padding:15px 0;background: #172553;}
.guz_conwrap .l_chartbox .item{width: 47%;margin:0 1.5% 20px;float: left;height: 48%;overflow: hidden;}
.guz_conwrap .l_chartbox .item img{width: 100%;}

.guz_conwrap .r_chartbox{width: 44%;position:absolute;height: 100%;right: 0;top: 0;background: #172553;padding:30px 3%;}
.guz_conwrap .r_chartbox .t_tit{font-size: 16px;color: #fff;text-align: center;margin-bottom: 30px;}
.guz_conwrap .r_chartbox .chartbox{overflow: hidden;}
.guz_conwrap .r_chartbox img{width: 90%;display: block;margin:0 auto;max-width:600px;}

.guz_bottom{height: 36px;background: #13214d;font-size: 0;position:fixed;bottom: 0;left: 115px;right: 0;}
.guz_bottom .lk{display: inline-block;float: left;font-size: 14px;color: #8f97b3;padding:0 30px;line-height: 35px;border-right:1px solid #2b385f;position:relative;}
.guz_bottom .lk:after{content:"";position:absolute;right: 8px;top: 50%;font-size: 30px;color: #8f97b3;background: url(../img/images/icon_07.png) no-repeat center;background-size:contain;width: 8px;height: 8px;margin-top: -4px;}
.guz_bottom .lk:hover,.guz_bottom .lk.this{color: #00c7d9;}
.guz_bottom .lk:hover:after,.guz_bottom .lk.this:after{background: url(../img/images/icon_07-1.png) no-repeat center;background-size:contain;}
.guz_bottom .more{display: block;background: url(../img/images/icon_06.png) no-repeat center;background-size:contain;width: 14px;height: 12px;margin-right: 20px;margin-top: 10px;}

/*一般视图设计*/

.guz_formbar .refresh{font-size: 14px;color: #fff;width: 80px;line-height: 32px;background: #00c7d9;border:none;border-radius:4px;margin-left: 10px;cursor: pointer;background: url(../img/images/icon_10.png) no-repeat 12px center;background-size:14px;padding-left: 26px;color: #00c7d9;border:1px solid #00c7d9;}
.guz_formbar .refresh:hover{background-color:#00c7d9;color: #fff;background-image: url(../img/images/icon_10-1.png);}
.guz_formbar .addbtn{background: url(../img/images/icon_09.png) no-repeat center;background-size:contain;width: 29px;height: 29px;display: block;}

.dark_yellow{color: #ca9f37!important;}

.shitu_table{}
.shitu_table th{font-size: 14px;color: #899eb2;line-height: 22px;background: #19295a;font-weight: normal;padding:6px 5px;}
.shitu_table td{font-size: 13px;color: #899eb2;line-height: 18px;padding:8px 5px;text-align: center;}
.shitu_table .tb{background: #00c7d9;background: url(../img/images/icon_11.png) no-repeat left center;background-size:11px;padding-left: 16px;}
.shitu_table .icon{width: 16px;height: 16px;display: inline-block;vertical-align: middle;background-repeat:no-repeat;background-position:center;background-size:contain;margin:0 4px;}
.shitu_table .icon.setting{background-image: url(../img/images/icon_12.png);}
.shitu_table .icon.delete{background-image: url(../img/images/icon_13.png);}

.pagelist{text-align: center;margin-top: 40px;}
.el-dialog, .el-pager li{background: transparent;}
.el-pager li{width: 30px;line-height: 30px;background: #19295a;border-radius:50%;font-size: 13px;color: #899eb3;margin:0 5px;padding: 0;height: 30px;min-width:auto;font-weight: normal;}

.el-pagination .btn-next, .el-pagination .btn-prev{background-color:#19295a;font-size: 13px;color: #899eb3;border-radius:50%;width: 30px;line-height: 30px;min-width:auto;padding: 0;height: 30px;}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev{color: #899eb3;}
.el-pagination__jump{color: #899eb3;}
.pagelist .el-input__inner{border:1px solid #899eb3;background: transparent;color: #fff;}
.el-pagination button:disabled{background-color:#0b163a;}

/*栏舍视图*/
.lanshe_main{background: #0a1434;padding: 0;}
.lanshe_l{width: 69.5%;height: 100%;}
.lanshe_l_t{height: 100%;}
.lanshe_menu{width: 20%;height: 100%;}
.lanshe_menu .item{height: 20%;padding-bottom: 5%;}
.lanshe_menu .item .box{height: 100%;background: #213267;border-radius:5px;text-align: center;padding-top: 5%;}
.lanshe_menu .item:last-child{padding-bottom: 0;}
.lanshe_menu .font{font-size: 13px;color: #8f97b3;}
.lanshe_menu .num{font-size: 26px;color: #fff;font-family: 'DIN-Medium';padding-right: 10px;}
.lanshe_menu .fz{font-size: 13px;color: #8f97b3;margin-top: 1%;}
/* .lanshe_menu .item_1 .box{background: url(../img/images/icon_15.png) no-repeat center;background-size:cover;} */
.lanshe_menu .item_1 .icon{display: inline-block;vertical-align: middle;}
.lanshe_menu .item_1 .txt{display: inline-block;vertical-align: middle;margin-left: 10px;}
.lanshe_menu .item_1 .fz{color: #fff;margin-top: 1%;}


.lanshe_video{width: 79%;height: 100%;}
.lanshe_video .box{width: 100%;height: 100%;border-radius:6px;overflow: hidden;}
.lanshe_video .box img{max-width:100%;max-height:100%;width: 100%;height: 100%;}

.lanshe_r{width: 30%;height: 100%;}
.lanshe_r_t{height: 58%;margin-bottom: 10px;}
.lanshe_r_b{height: 40%;}
.lanshe_bl_list{padding: 10px;height: 100%;}
.lanshe_bl_list .item{width: 33.3%;text-align: center;float: left;height: 50%;padding:10px 0;}
.lanshe_bl_list .item .chartbox{width: 90%;margin:0 auto;}
.lanshe_bl_list .item .title{font-size: 12px;color: #a3bed9;margin-top:10px;}

.lanshe_r_menu{background: #192859;font-size: 0;border-top-left-radius:4px;border-top-right-radius:4px;}
.lanshe_r_menu .lk{font-size: 13px;color: #8f97b3;line-height: 45px;border-right:1px solid #303e6a;display: inline-block;vertical-align: middle;width: 33.3%;text-align: center;cursor: pointer;}
.lanshe_r_menu .lk.cur,.lanshe_r_menu .lk:hover{color: #fff;background: #01bcd0;}
.lanshe_r_menu .lk:last-child{border-right:none;}

.lanshe_r_wrap{height:calc(100% - 45px);padding:8% 3% 5%;}

.lanshe_r_wrap .t_tit{font-size: 18px;color: #fff;border-left:3px solid #01bcd0;height: 15px;line-height: 15px;padding-left: 10px;}
.lanshe_r_wrap .zt{font-size: 14px;color: #01bcd0;line-height: 15px;}
.lanshe_r_wrap .detail{margin-top: 10%;}
.lanshe_r_wrap .row{font-size: 13px;color: #899eb2;position:relative;padding-left: 15px;margin-bottom: 7%;}
.lanshe_r_wrap .row:before{width: 4px;height: 4px;border-radius:50%;position:absolute;left: 0;top: 6px;background: #899eb2;display: block;content:'';}
.lanshe_r_wrap .row em{}
.lanshe_r_wrap .bottom{margin-top: 9%;}
.lanshe_r_wrap .item{width: 48%;text-align: center;}
.lanshe_r_wrap .chartbox{width: 80%;display: block;margin:0 auto;height: 40%;margin-bottom: 7%;}
.lanshe_r_wrap .font{font-size: 14px;color: #fff;}
.lanshe_r_wrap .wz{font-size: 12px;color: #899eb3;margin-top: 5px;}


.lanshe_l_t{height: 58%;margin-bottom: 10px;}
.lanshe_l_b{height: 40%;}
.lanshe_l_list{height: 100%;}
.lanshe_l_list .item{float: left;width: 10.2857%;margin:0 2% 0;height: 50%;}
.lanshe_l_list .box{margin-top:17%;position:relative;}
.lanshe_l_list .bg_icon{width: 100%;}
.lanshe_l_list .bg_icon_h{display: none;}
.lanshe_l_list .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;padding:18% 0 3%;}
.lanshe_l_list .icon{width: 40%;display: block;margin:0 auto;}
.lanshe_l_list .icon_h{display: none;}

.lanshe_l_list .fz{font-size: 12px;color: #fff;text-align: center;margin-top: 7%;}
/* .lanshe_l_list .item:hover .bg_icon_h{display: block;}
.lanshe_l_list .item:hover .bg_icon_s{display: none;} */
.lanshe_l_list .item:hover .icon_h{display: block;}
.lanshe_l_list .item:hover .icon_s{display: none;}
.lanshe_l_list .item:hover .fz{color: #fff;}

/*历史数据*/
.history_main{bottom: 35%;}
.guz_formbar .import{font-size: 14px;color: #00c7d9;width: 80px;line-height: 32px;background: #00c7d9;border:none;border-radius:4px;margin-left: 10px;cursor: pointer;background: url(../img/images/icon_40.png) no-repeat 12px center;background-size:14px;padding-left: 26px;border:1px solid #00c7d9;}
.guz_formbar .import:hover{color: #fff;background-image: url(../img/images/icon_40-1.png);background-color:#00c7d9;}

.history_tablewrap{position:absolute;top: 110px;left: 20px;right: 20px;bottom: 10px;overflow-y:scroll;}
.history_tablewrap .t_tit{font-size: 14px;color: #fff;margin-bottom: 10px;}


.history_bottom{height: 30%;background: #0b163a;margin-top: 1%;position:absolute;left: 0;right: 0;bottom: 30px;}
.history_module{width: 49.5%;height: 100%;padding:10px 2%;}
.history_m_top .top{}
.history_m_top .fz{font-size: 14px;color: #fff;}
.history_m_top .icons .ico{width: 15px;height: 15px;background-repeat:no-repeat;background-position:center;background-size:contain;display: inline-block;vertical-align: middle;margin-left: 12px;}
.history_m_top .icons .ico_1{background-image: url(../img/images/icon_33.png);}
.history_m_top .icons .ico_2{background-image: url(../img/images/icon_34.png);}
.history_m_top .icons .ico_3{background-image: url(../img/images/icon_35.png);}
.history_m_top .icons .ico_4{background-image: url(../img/images/icon_36.png);}
.history_m_top .icons .ico_5{background-image: url(../img/images/icon_37.png);}

.history_m_top .icons .ico_1:hover{background-image: url(../img/images/icon_33-1.png);}
.history_m_top .icons .ico_2:hover{background-image: url(../img/images/icon_34-1.png);}
.history_m_top .icons .ico_3:hover{background-image: url(../img/images/icon_35-1.png);}
.history_m_top .icons .ico_4:hover{background-image: url(../img/images/icon_36-1.png);}
.history_m_top .icons .ico_5:hover{background-image: url(../img/images/icon_37-1.png);}
.history_module .chartbox{margin-top: 20px;height:calc(100% - 60px);}
.history_module .chartbox img{max-height: 100%;max-width: 100%;width: 100%;height: 100%;}

/*全国视图*/
.country_main{padding: 20px;width: 100%;height: 100%;background: #101e47;}
.country_l{width: 68%;height: calc(100% - 20px);}
.country_topbar .button{font-size: 14px;min-width: 80px;line-height: 22px;padding:0 10px;border:none;border-radius:4px;margin-left: 10px;cursor: pointer;padding-left: 30px;background-repeat:no-repeat;background-position:12px center;background-size:14px;color: #00c7d9;border:1px solid #00c7d9;background-color:transparent;}
.country_topbar .refresh{background-image: url(../img/images/icon_10.png);}
.country_topbar .newadd{background-image: url(../img/images/icon_45.png);}
.country_topbar .save{background-image: url(../img/images/icon_46.png);}

.country_topbar .refresh:hover{background-image: url(../img/images/icon_10-1.png);}
.country_topbar .newadd:hover{background-image: url(../img/images/icon_45-1.png);}
.country_topbar .save:hover{background-image: url(../img/images/icon_46-1.png);}

.country_topbar .button:hover{background-color: #00c7d9;color: #fff;}




.country_mapbox{height:calc(100% - 40px);width: 100%;position:relative;padding-top: 5%;}
.country_mapbox .tipsbox{padding-left: 20px;}
.country_mapbox .tipsbox li{font-size: 12px;color: #8f97b3;margin-bottom: 5px;}
.country_mapbox .tipsbox .ico{margin-right: 5px;}
.country_mapbox .mapbox{position:relative;height: calc(100% - 50px);}
.country_mapbox .pic{/*width: 100%;*/height: 100%;max-width:100%;max-height:100%;margin:0 auto;display: block;}

.country_mapbox .map{width: 640px;height: 510px;position:absolute;top: 50%;left: 50%;margin-left: -320px;margin-top: -255px;}

.country_mapbox .mapclick{position:absolute;}
.country_mapbox .circle{background: url(../img/images/idx_26.png) no-repeat center;background-size: contain;width: 11px;height: 11px;display: block;}
.country_mapbox .drop{width: 115px;height: 115px;background: rgba(31,48,102,.9);position:absolute;padding: 10px;top: 25px;left: 50%;margin-left: -55px;display: none;}
.country_mapbox .drop .tit{font-size: 12px;color: #fff;text-align: center;}
.country_mapbox .drop .box{margin-top: 10px;}
.country_mapbox .drop p{font-size: 12px;color: #a3bed9;line-height: 22px;}
.country_mapbox .drop p em{float: right;}

.country_mapbox .drop .ico{width: 9px;height: 9px;background-repeat:no-repeat;background-position:center;background-size:contain;display: block;position:absolute;}
.country_mapbox .drop .ico_1{background-image: url(../img/images/idx_27.png);top: 0;left: 0;}
.country_mapbox .drop .ico_2{background-image: url(../img/images/idx_28.png);top: 0;right: 0;}
.country_mapbox .drop .ico_3{background-image: url(../img/images/idx_29.png);bottom: 0;left: 0;}
.country_mapbox .drop .ico_4{background-image: url(../img/images/idx_30.png);bottom: 0;right: 0;}


.country_mapbox .mapclick_1{top: 200px;left: 85px;}
.country_mapbox .mapclick_2{top: 185px;left: 330px;}
.country_mapbox .mapclick_3{right: 130px;bottom: 175px;}


.country_mapbox .caoz{text-align: center;font-size: 0;border-radius:30px;display: inline-block;vertical-align: middle;overflow: hidden;margin-top: 20px;}
.country_mapbox .caoz em{font-size: 26px;color: #8f97b3;display: inline-block;vertical-align: middle;width: 80px;line-height: 38px;cursor: pointer;}
.country_mapbox .caoz .min{background: #192859;}
.country_mapbox .caoz .add{background: #253361;}
.country_mapbox .caoz em:hover{background: #0b1537;}

.country_r{width: 30%;height: calc(100% - 20px);background: #192859;padding:20px 2%;}
.country_r_top{text-align: center;}
.country_r_top .t_tit{text-align: center;font-size: 16px;color: #fff;}
.country_r_top .zhishi{margin:3% 0;;}
.country_r_top .zhishi em{display: inline-block;vertical-align: middle;font-size: 12px;color: #8aa3c1;margin:0 30px;}
.country_r_top .zhishi img{margin-right: 10px;}

.country_r_bottom{height:calc(100% - 70px);}
.country_r_bottom .chartbox{height: 50%;padding:3% 0;}
.country_r_bottom .chartbox .img{height: 100%;max-height:100%;}

/*用电监控*/
.dian_topwrap{height: 100px;padding:15px 20px;}
.dian_topwrap .country_topbar{margin-top: 15px;}

.country_topbar .ydjc{background-image: url(../img/images/icon_53.png);}
.country_topbar .ydzl{background-image: url(../img/images/icon_54.png);}
.country_topbar .flfx{background-image: url(../img/images/icon_55.png);}
.country_topbar .ssjc{background-image: url(../img/images/icon_56.png);}
.country_topbar .tbcx{background-image: url(../img/images/icon_57.png);}
.country_topbar .sjcx{background-image: url(../img/images/icon_58.png);}

.country_topbar .ydjc:hover{background-image: url(../img/images/icon_53-1.png);}
.country_topbar .ydzl:hover{background-image: url(../img/images/icon_54-1.png);}
.country_topbar .flfx:hover{background-image: url(../img/images/icon_55-1.png);}
.country_topbar .ssjc:hover{background-image: url(../img/images/icon_56-1.png);}
.country_topbar .tbcx:hover{background-image: url(../img/images/icon_57-1.png);}
.country_topbar .sjcx:hover{background-image: url(../img/images/icon_58-1.png);}


.dian_botwrap{height:calc(100% - 145px);margin-top: 10px;}
.dian_botwrap .lbox{width: 20%;height: 100%;padding: 20px;}
.dian_botwrap .rbox{width: 79%;height: 100%;}

.dian_bot_m{height: 49%;padding:20px 2%;margin-bottom: 1%;}
.dian_bot_m .chartbox{height:calc(100% - 40px);margin-top: 20px;}
.dian_bot_m .chartbox .img{height: 100%;max-height:100%;width: 100%;max-width:100%;}

.navbar_list{padding:15px 5px 15px 15px;height: 100%;overflow-y: scroll;}
.navbar_list .ico{margin-right: 7px;}
.navbar_list .fz{font-size: 13px;color: #8f97b3;line-height: 35px;background: url(../img/images/icon_61.png) no-repeat left center;background-size:14px;padding-left: 25px;cursor: pointer;display: block;}
.navbar_list li{position:relative;}
.navbar_list li:before{/*content:'';position:absolute;left: 7px;top: 0;width: 1px;height: 100%;border-left:1px dashed #ddd;*/}
.navbar_list .title{font-size: 13px;color: #8f97b3;line-height: 30px;}
.navbar_list .two_box{padding-left: 18px;position:relative;}


.navbar_list .two_box .ico{}

.navbar_list .three_box{padding-left: 25px;position:relative;}
.navbar_list .three_box:before{/*content:'';position:absolute;left: 7px;top: 0;width: 1px;height: 100%;border-left:1px dashed #ddd;*/}
.navbar_list .wz{font-size: 13px;color: #8f97b3;line-height: 35px;display: block;cursor: pointer;}

.navbar_list .four_box{padding-left: 25px;position:relative;}
.navbar_list .four_box:before{content:'';position:absolute;left: 7px;top: 0;width: 1px;height: 100%;border-left:1px dashed #8f97b3;}
.navbar_list .four_box .wz{position:relative;}
.navbar_list .four_box .wz:before{content:'';position:absolute;left: -22px;top: 50%;width: 6px;height: 6px;border:1px solid #8f97b3;border-radius:50%;margin-top: -3px;display: block;background: #8f97b3;}
.navbar_list .four_box .wz:after{content:'';position:absolute;width: 10px;height: 1px;border-top: 1px dashed #ddd;left: -12px;top: 19px;}



.navbar_list .three_box .fz.zk:before{content:'';position:absolute;width: 6px;height: 6px;border:1px solid #8f97b3;border-radius:50%;left: 3px;top: 15px;display: block;background: #fff;}
.navbar_list .fz.zk:after{content:'';position:absolute;width: 8px;height: 1px;border-top:1px dashed #8f97b3;left: 15px;top: 18px;}
.navbar_list .three_box .fz.zk{background: url(../img/images/icon_62.png) no-repeat left center;background-size:14px;}

.navbar_list .fz:before{/*content:'';*/position:absolute;left: 7px;top: 0;width: 1px;height: 100%;border-left:1px dashed #8f97b3;}
.navbar_list .row{position:relative;}
.navbar_list .row:before{/*content:'';*/position:absolute;left: 7px;top: 0;width: 1px;height: 100%;border-left:1px dashed #8f97b3;}
.navbar_list .wz:before{content:'';position:absolute;left: 7px;top: 0;width: 1px;height: 100%;border-left:1px dashed #8f97b3;}
.navbar_list .fz.zk{background: url(../img/images/icon_62.png) no-repeat left center;background-size:14px;}


.navbar_list .two_box{display: none;border-left:1px dashed #8f97b3;margin-left: 7px;}
.navbar_list .three_box{display: none;}
.navbar_list .four_box{display: none;}

.navbar_list .item>.fz{position:relative;}
.navbar_list .item>.fz:before{/*content:'';*/position:absolute;width: 1px;height: 100%;border-left:1px dashed #8f97b3;    }

.navbar_list .add_ico,.navbar_list .del_ico{width: 15px;height: 15px;background-repeat:no-repeat;background-position:center;background-size:contain;display: inline-block;vertical-align: middle;margin-left: 5px;}
.navbar_list .add_ico{background-image: url(../img/images/icon_51.png);}
.navbar_list .del_ico{background-image: url(../img/images/icon_52.png);}
.navbar_list .caoz{display: none;}
.navbar_list .fz:hover .caoz{display: block;}
.navbar_list .wz:hover .caoz{display: block;}

/*养殖场视图*/
/* .yzc_main{background: #101e47;background:url(../img/images/icon_77.jpg) no-repeat center;background-size:cover;position:absolute;top: 0;bottom: 40px;left: 0;right: 20px;padding: 20px;} */
.yzc_main{background: #101e47;background-repeat: no-repeat;background-position: center; background-size:cover; position:absolute;top: 0;bottom: 40px;left: 0;right: 20px;padding: 20px;}
/* .yzc_main:after{content:'';position:absolute;left: 0;bottom: 0;background: url(../img/images/icon_74.png) no-repeat center;background-size:contain;width: 405px;height: 220px;} */

.country_topbar .loading{background-image: url(../img/images/icon_66.png);}
.country_topbar .map{background-image: url(../img/images/icon_67.png);}
.country_topbar .addmode{background-image: url(../img/images/icon_68.png);}
.country_topbar .addcamera{background-image: url(../img/images/camera.png);}
.country_topbar .edit{background-image: url(../img/images/icon_69.png);}
.country_topbar .savenow{background-image: url(../img/images/icon_70.png);}
.country_topbar .changebg{background-image: url(../img/images/icon_71.png);}

.country_topbar .loading:hover{background-image: url(../img/images/icon_66-1.png);}
.country_topbar .map:hover{background-image: url(../img/images/icon_67-1.png);}
.country_topbar .addmode:hover{background-image: url(../img/images/icon_68-1.png);}
.country_topbar .addcamera:hover{background-image: url(../img/images/camera-1.png);}
.country_topbar .edit:hover{background-image: url(../img/images/icon_69-1.png);}
.country_topbar .savenow:hover{background-image: url(../img/images/icon_70-1.png);}
.country_topbar .changebg:hover{background-image: url(../img/images/icon_71-1.png);}

.country_topbar .back{width: 110px;line-height: 34px;font-size: 13px;color: #00c7d9;border-radius:4px;background: url(../img/images/icon_76.png) no-repeat 10px center rgba(0,0,0,.2);background-size:14px;padding-left: 30px;}
.country_topbar .back:hover{color: #fff;background: url(../img/images/icon_76-1.png) no-repeat 10px center #00c7d9;}


.yzc_contain{height:calc(100% - 60px);margin-top: 20px;position:relative;}

.yzc_picbox{margin:0 auto;width: 800px;height: 365px;position:absolute;left: 50%;margin-left: -400px;top: 50%;margin-top: -180px;}

.yzc_picbox .movebox{position:absolute;top: 90px;right: 100px;}
.yzc_picbox .movebox .circle{background: url(../img/images/idx_26.png) no-repeat center;background-size:contain;width: 11px;height: 11px;display: block;}
.yzc_picbox .movebox .line{background: url(../img/images/idx_31.png) no-repeat center;background-size:contain;width: 40px;height: 21px;display: block;position:absolute;top: 0;right: -40px;}
.yzc_picbox .movebox .databox{width: 120px;position:relative;background: rgba(31,48,102,.9);padding: 7px;position:absolute;top: 20px;left: 0;}
.yzc_picbox .movebox .tit{font-size: 12px;color: #fff;text-align: center;}
.yzc_picbox .movebox .box{margin-top: 5px;}
.yzc_picbox .movebox .box p{font-size: 12px;color: #a3bed9;line-height: 18px;}

.yzc_picbox .movebox .ico{position:absolute;width: 9px;height: 9px;}
.yzc_picbox .movebox .top_left{top: 0;left: 0;background: url(../img/images/idx_27.png) no-repeat center;background-size:contain;}
.yzc_picbox .movebox .top_right{top: 0;right: 0;background: url(../img/images/idx_28.png) no-repeat center;background-size:contain;}
.yzc_picbox .movebox .bottom_left{bottom: 0;left: 0;background: url(../img/images/idx_29.png) no-repeat center;background-size:contain;}
.yzc_picbox .movebox .bottom_right{bottom: 0;right: 0;background: url(../img/images/idx_30.png) no-repeat center;background-size:contain;}

.yzc_picbox .clickwrap{display: none;}



.yzc_tips{position:absolute;width: 120px;border-radius:6px;min-height:100px;background: #1a2a5c;top: 20px;left: 20px;padding:15px;}
.yzc_tips li{font-size: 13px;color: #8f97b3;line-height: 35px;position:relative;}
.yzc_tips li:before{content:'';width: 4px;height: 4px;border-radius:50%;display: inline-block;vertical-align: middle;margin-right: 10px;}
.yzc_tips .li_1:before{background: #00c7d9;}
.yzc_tips .li_2:before{background: #ff3366;}
.yzc_tips .li_3:before{background: #8f97b3;}

.yzc_caoz{position:absolute;bottom: 20px;right: 20px;font-size: 0;width: 160px;border-radius:30px;overflow: hidden;}
.yzc_caoz .lk{display: inline-block;vertical-align: middle;width: 80px;line-height: 38px;font-size: 13px;color: #8f97b3;padding-left: 33px;cursor: pointer;}
.yzc_caoz .lk_1{background: url(../img/images/icon_72.png) no-repeat 15px center #192859;background-size:13px;}
.yzc_caoz .lk_2{background: url(../img/images/icon_73.png) no-repeat 15px center #253361;background-size:13px;}
.yzc_caoz .lk:hover{color: #00c7d9;}
.yzc_caoz .lk_1:hover{background-image:url(../img/images/icon_72-1.png);}
.yzc_caoz .lk_2:hover{background-image:url(../img/images/icon_73-1.png);}






